<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>css选择器</title>
    <style>
        /* 标签选择器  */
        /* 选择器{样式} */
        /* 给谁改样式{改什么样式} */
        /* 选择p样式 */
        p {
            /* 改为蓝色 */
            color: blue;
            /* 文字大小为24像素 */
            font-size: 48px;
        }
          /* 类选择器: 样式点定义
                  结构类（class）调用
                  一个或多个
                  开发最常用 */
        .rad {
            color: crimson;
        } 
        /* width是宽度 */
        /* height是高度 */
        .green {
            width: 100px;
            height: 80px;
            background-color: darkgreen;
        }
        /* id选择器一个HTML文档中只能用一次 */
        #pink {
            color: darkorange;
        }
        /* 通配符选择器将所有都改为一个颜色     所有！！！ */
        * {
            color: darkorange;
        }
    </style> -->
</head>
<body>
    <p class="rad">就是这么个意思</p>
    <p>就是这么个意思</p>
    <p class="rad">就是这么个意思</p>
    <!-- div是盒子 -->
    <div class="green">就是这么个意思</div>
    <div id="pink">就是这么个意思</div>
    <div class="green">就是这么个意思</div>
</body>
</html>